@charset "UTF_8";

.banner {
    width: 7.5rem;
    height: 3.6rem;
    background: url(../images/def_pic.png);
    background-size: cover;
}

.has {
    color: #A3A3A3;
    padding: .2rem .4rem;
}

.has span {
    color: #FF8537;
}

.invitationCon{
    padding-bottom: .3rem;
}
.invitationCon .item {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 7.10rem;
    height: 2.2rem;
    border-radius: .1rem;
    padding: 0 .34rem;
    margin:0  auto .2rem; 
}
.item .headImg{
    width: .96rem;
    height: .96rem;
    margin: .66rem .24rem 0  0;
}
.item p{
    margin-top: .92rem;
    color: #202125;
}
.hrefInvate>button{
	display: block;
	background: #fff;
    width:2rem;
    height:.6rem;
    border-radius:.05rem;
    border:1px solid rgba(255, 147, 78, 1);
    line-height: .6rem;
    text-align: center;
	font-size: .24rem;
	color:#FF934E;
margin: .8rem 0 .2rem;
}
.hrefInvate >div:nth-child(1){

}
.hrefInvate>div:nth-child(2) {
    background: #FF934E;
    color: #fff;
}
.layer{
    position: fixed;
    left: 0%;
    bottom:-8rem;
    width: 100%;
    text-align: center;
    background: #fff;
}
.topLayer{
    display: flex;
    justify-content: space-between;
    flex: 1;
    font-size: .24rem;
    padding: .2rem;
}
.topLayer img{
    width: .9rem;
    height: .9rem;
}
.cancel{
    width: 100%;
    height: .72rem;
    background:rgba(85, 119, 243, 1);
    box-shadow:0px .08rem .12rem 0px rgba(85, 119, 243, 0.33);
    line-height: .72rem;
    color: #fff;
    margin-bottom: .2rem;
}